<!DOCTYPE html>
<style>
.userImage{
	width: 120px;
	height: 120px;
	border-radius: 50%;
}
.productItem{
	display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 7px 0;
}
.productItem + .productItem{
	border-top: 1px solid #ddd; 
}
.canEdit {
    color: green;
    font-weight: bold;
    cursor: pointer;
}
#box_product,.product_infos_show{
	width:100%;
	height:auto;
	overflow:hidden;
}
#box_product p{
	width:auto;
	float: left;
    box-sizing: border-box;
    padding-top: 10px;
}
#box_product  .boxInfo1{
	padding-left: 10px;
}
#box_product input{
	float:left;
}
#box_product  .boxInfo2{
	min-width:20px;
	max-width:92px;
}
.add_reduce{
	float: left;
    margin-left: 5px;	
}
.accountSets{
	float:right;
}
#aboutChat{
	overflow:hidden;
}
#aboutChat div{
	text-align:center;
	padding-left:0;
	box-sizing:border-box;
	float:left;
	width:33.33%;
	min-height:20px;
}
#aboutChat .acommunication{
	float:left;
	width:100%;
	float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}
</style>
<div ng-controller="generalizeDataCtr">
	<div class="well">
		<div class="titleContainer">
			<div class="leftTitle">导购员管理&nbsp;&nbsp;—>&nbsp;&nbsp;推广数据</div>
		</div>
		
		<div class="menuList">
			<div id="menu_1" class="item active" ng-click="chooseMenu(1)">客户列表</div>
			<div id="menu_2" class="item" ng-click="chooseMenu(2)">订单推广</div>
			<div id="menu_3" class="item" ng-click="chooseMenu(3)">积分明细</div>
			<div id="menu_4" class="item" ng-click="chooseMenu(4)">客户报备</div>
		</div>
		
		<!-- 客户推广 -->
		<div id="container_1">
			<div class="formContainer">
				<div class="form-horizontal">
					<div class="form-group">
						<div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">客户姓名</label>
				                <div class="col-sm-8">
				                	<input type="text" class="form-control" ng-model="search.customer_name"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">联系方式</label>
				                <div class="col-sm-8">
				                	<input type="text" class="form-control" ng-model="search.phones"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">用户渠道</label>
				                <div class="col-sm-8">
				                	<input type="text" id="user_channel"/>
				                </div>
				            </div>
				        </div>
				       <div class="buttons-wrap clearBoth">
							<button class="k-button k-state-default" ng-click="search(1)">查询</button>
						</div>
					</div>
				</div>
			</div>
			<div class="operateContainer" ng-show="operate_1_show">
				<button class="k-button k-state-default" ng-click="chooseAll('recordClass',true)">全选</button>
				<button class="k-button k-state-default" ng-click="chooseAll('recordClass',false)">取消</button>
				<button class="k-button k-state-default" ng-click="batchAllocation()">批量分配</button>
			</div>
			<div class="tableList">
				<div kendo-grid="grid_1" k-options="gridOptions_1"></div>
			</div>		
		</div>
		<!-- 订单推广 -->
		<div id="container_2">
			<div class="formContainer">
				<div class="form-horizontal">
					<div class="form-group">
						<div class="form-horizontal col-sm-3">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">订单编号</label>
				                <div class="col-sm-8">
				                	<input type="text" class="form-control" ng-model="search.order_number"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-3">
				            <div class="form-group">
				             <label class="col-sm-4 control-label">订单状态</label>
				                <div class="col-sm-8">
				                	<input type="text" id="order_state"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-3">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">下单时间</label>
				                <div class="col-sm-8">
				                	<input type="text" id="order_down_time"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-3">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">产品型号</label>
				                <div class="col-sm-8">
				                <input type="text" class="form-control" ng-model="search.product_type"/>
				                </div>
				            </div>
				        </div>				        
				       <div class="buttons-wrap clearBoth">
							<button class="k-button k-state-default" ng-click="search(2)">查询</button>
						</div>
					</div>
				</div>
			</div>
		
			<div class="tableList">
				<div kendo-grid="grid_2" k-options="gridOptions_2"></div>
			</div>		
		</div>
		<!-- 积分明细 -->
		<div id="container_3">
			<div class="formContainer">
				<div class="form-horizontal">
					<div class="form-group">
						<div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">积分类型</label>
				                <div class="col-sm-8">
				                	<input type="text" id="integral_type"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">推广日期</label>
				                <div class="col-sm-8">
				                	<input type="text" id="generalize_time"/>
				                </div>
				            </div>
				        </div>
				       <div class="buttons-wrap clearBoth">
							<button class="k-button k-state-default" ng-click="search(3)">查询</button>
						</div>
					</div>
				</div>
			</div>
		
			<div class="tableList">
				<div kendo-grid="grid_3" k-options="gridOptions_3"></div>
			</div>		
		</div>
		<!-- 客户报备 -->
		<div id="container_4">
			<div class="formContainer">
				<div class="form-horizontal">
					<div class="form-group">
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">联系方式</label>
				                <div class="col-sm-8">
				                	<input type="text" class="form-control" ng-model="search.relationPhone"/>
				                </div>
				            </div>
				        </div>
				        <div class="form-horizontal col-sm-4">
				            <div class="form-group">
				                <label class="col-sm-4 control-label">报备日期</label>
				                <div class="col-sm-8">
				                	<input type="text" id="report_data"/>
				                </div>
				            </div>
				        </div>				        
				       <div class="buttons-wrap clearBoth">
							<button class="k-button k-state-default" ng-click="search(4)">查询</button>
						</div>
					</div>
				</div>
			</div>
		
			<div class="tableList">
				<div kendo-grid="grid_4" k-options="gridOptions_4"></div>
			</div>		
		</div>
		
	</div>
	<!-- 批量分配 -->
	<div kendo-window="getGitWindow" k-title="'批量分配'" k-width="500" k-min-height="120" k-visible="false" k-modal="true">
		<div class="windowForm col-sm-11">
			<div class="form-horizontal">
		         <div class="form-group">
		             <label class="col-sm-2 control-label">分配的导购:</label>
		             <div class="col-sm-8">
		             	<input type="text" id="batchAllot"/>
		             </div>
		         </div>
		    </div>
		    <div class="buttons-wrap ">
				<button class="k-button k-state-default" ng-click="bathGiutDatas()">确定</button>
			</div>
		</div>
	</div>	
	<!-- 订单推广 -->
	<div kendo-window="booking_detail" k-title="'订单详情'" k-width="750" k-min-height="400"k-visible="false" k-modal="true"class="allTable">
   		  <table class="col-sm-11 table">
              <tr>
	               <td class="col-sm-2 "   style="text-align:right">客户姓名:</td>
	               <td class="col-sm-2 "  style="text-align:left">{{product.customerName}}</td>
	               <td  class="col-sm-2 ">联系电话:</td>
	               <td  class="col-sm-2 " style="text-align:left">{{product.customerPhone}}</td> 
	               <td  class="col-sm-2 ">订单编号:</td>
	               <td  class="col-sm-2 " style="text-align:left">{{product.orderCode}}</td> 
              </tr>
              <tr>
	               <td class="col-sm-2 "   style="text-align:right">下单时间:</td>
	               <td class="col-sm-2 "  style="text-align:left">{{product.createTime}}</td>
	               <td class="col-sm-2 "   style="text-align:right">活动名称:</td>
	               <td class="col-sm-2 "  style="text-align:left">{{product.activityName}}</td>
	               <td  class="col-sm-2 ">活动编号:</td>
	               <td  class="col-sm-2 " style="text-align:left">{{product.activityCode}}</td> 
              </tr>
              <tr>
              	   <td  class="col-sm-2 ">订单状态:</td>
	               <td  class="col-sm-2 " style="text-align:left">{{product.orderState}}</td> 
	               <td class="col-sm-2 "   style="text-align:right">专属顾问:</td>
	               <td class="col-sm-2 "  style="text-align:left">{{product.sellerName}}</td>
	               <td  class="col-sm-2 ">专属顾问电话:</td>
	               <td  class="col-sm-2 " style="text-align:left">{{product.sellerPhone}}</td> 
              </tr>
              <tr>
	                <td  class="col-sm-2" style="text-align:left;">【收货信息】：</td>
	                <td class="col-sm-2 "  colspan="5"></td>
              </tr>
              <tr>
	                <td  class="col-sm-2 ">收货人：</td>
	                <td  class="col-sm-2 ">
	                	<input ng-model="product.consignee" class="k-textbox" />
	                </td>
	                <td  class="col-sm-2 ">联系电话：</td>
	                <td  class="col-sm-2 ">
	                	<input ng-model="product.consigneePhone" class="k-textbox" />
	                </td>
	                <td  class="col-sm-2 "></td>
	                <td  class="col-sm-2 "></td>
              </tr>
              <tr>
              		<td  class="col-sm-3 ">送货地址：</td>
              		<td  class="col-sm-2" colspan="5">
              			<input ng-model="product.consigneeAddress" class="k-textbox" style="width:100%" />
              		</td>
	               
              </tr>
              <tr>
	                <td  class="col-sm-2"  style="text-align:left;">【产品信息】：</td>
	                <td class="col-sm-2 "  colspan="5"></td>
              </tr>
               <tr>
                  <td  class="col-sm-2 "  colspan="6">
					<div id="box_product">
						<div class="product_infos_show">
							<img class="add_reduce" src="../../images/icon/add.png" ng-click="addgif()">
							<p class="boxInfo1">产品型号：</p>
							<input class="k-textbox boxInfo2" />
							<p class="boxInfo1">产品单价：</p>
							<input class="k-textbox boxInfo2" ng-blur="productCount()" />
							<p class="boxInfo1">产品数量：</p>
							<input  class="k-textbox boxInfo2"  ng-blur="productCount()" />
							<p class="boxInfo1">产品总价：</p>
							<input  class="k-textbox boxInfo2" />
						</div>
					</div>
                  </td>

              </tr>             
              <tr>
              	  <td  class="col-sm-2"  style="text-align:left;">【支付信息】：</td>
                  <td class="col-sm-2 "  colspan="5" style="text-align:left"></td>
              </tr>
              <tr>
                  <td  class="col-sm-2 ">预付定金:</td>
                  <td  class="col-sm-2 ">
                  	 <input ng-model="product.depositPrice" class="k-textbox" ng-blur='calculateMoney()'/>
                  </td>
                  <td  class="col-sm-2 ">本次实收金额:</td>
                  <td  class="col-sm-2 ">
                  	<input ng-model="product.realPayPrice" class="k-textbox" />
                  </td>
                  <td  class="col-sm-2 ">是否使用活动卡:</td>
                  <td  class="col-sm-2 ">
                  	<input ng-model="product.isUseActivityCard" class="k-textbox" />
                  </td>
              </tr>
              <tr>
                  <td  class="col-sm-2 ">付款方式:</td>
                  <td  class="col-sm-3 ">
                  	<input id="paymentMethod">
                  </td>
                  <td  class="col-sm-2 " >{{activity_name1}}</td>
                  <td  class="col-sm-2 ">{{activity_num1}}</td>
                  <td  class="col-sm-2 " >{{activity_name2}}</td>
                  <td  class="col-sm-2 ">{{activity_num2}}</td>
                  <input id="activity1" style="display:none;"/>
                  <input id="activity2" style="display:none;" />
              </tr>
              <tr>
                  <td  class="col-sm-2 ">奖品内容:</td>
                  <td  class="col-sm-3 ">{{product.prizes}}</td>
                  <td  class="col-sm-2 ">满赠礼品:</td>
                  <td  class="col-sm-2 ">{{product.prize}}</td>
                  <td  class="col-sm-2 "></td>
                  <td  class="col-sm-2 "></td>
              </tr>
              <tr>
              	  <td  class="col-sm-2">备注：</td>
                  <td class="col-sm-2 "  colspan="5" style="text-align:left">
                  	  <textarea style="width:100%;height:50px;" ng-model="product.remarks"></textarea>
                  </td>
              </tr>
              <tr>
              	  <td  class="col-sm-2">说明：</td>
                  <td class="col-sm-2 "  colspan="5" style="text-align:left">
                     <textarea style="width:100%;height:50px;" ng-model="product.explain"></textarea>
                  </td>
              </tr>
           </table>
           <div class="buttons-wrap">
				<button class="k-button k-state-default button_center" id="productSubmitButton" ng-click="productSubmit()">确定</button>
		  </div>
     </div>	
	<div kendo-window="designWindow" k-title="'沟通记录'" k-width="650" k-min-height="450" k-visible="false" k-modal="true" class="allTable">
		<table class="table">
			<tr>
				<td class="textRight">状态：</td>
				<td class="textLeft">{{record.state}}</td>			
				<td class="textRight">性别：</td>
				<td class="textLeft">{{record.gender}}</td>
				<td class="textRight">年龄：</td>
				<td class="textLeft">{{record.age}}</td>
			</tr>
			<tr>
				<td>沟通时间：</td>
				<td colspan="5">{{record.timer}}</td>
			</tr>
			<tr>
				<td colspan="6" class="textLeft">【安装信息】</td>
			</tr>
			<tr>
				<td>预约安装面积：</td>
				<td colspan="2">{{record.install_area}}</td>
				<td>预计房屋面积：</td>
				<td colspan="2">{{record.house_area}}</td>
			</tr>
			<tr>
				<td>预计安装时间：</td>
				<td colspan="5">{{record.install_timer}}</td>
			</tr>
			<tr>
				<td>预计安装模式：</td>
				<td colspan="5">{{record.pattern}}</td>
			</tr>
			<tr>
				<td colspan="6" class="textLeft">【沟通记录】</td>
			</tr>
			<tr>
				<td colspan="2" class="textLeft">电话沟通时间</td>
				<td colspan="2" class="textLeft">沟通内容</td>
				<td colspan="2" class="textLeft">状态</td>
			</tr>
			<tr>
				<td colspan="6" class="textLeft"   id="aboutChat"></td>
			</tr>
		</table>
	</div>	
	
	<div kendo-window="measureWindow" k-title="'免费测量信息'" k-width="600" k-min-height="450" k-visible="false" k-modal="true" class="allTable">
		<table class="table">
			<tr>
				<td colspan="6" class="textLeft">【预约信息】</td>
			</tr>
			<tr>
				<td>预约姓名：</td>
				<td>萧萧洛水</td>
				<td>预约电话：</td>
				<td>15022223333</td>
			</tr>
			<tr>
				<td>预约日期：</td>
				<td colspan="3">2017-08-01 12:00:00~2017-08-01 12:00:00</td>
			</tr>
			<tr>
				<td>预约地址：</td>
				<td colspan="3">北京市 房山区 长阳半岛</td>
			</tr>
			<tr>
				<td colspan="6" class="textLeft">【需求信息】</td>
			</tr>
			<tr>
				<td>预约空间：</td>
				<td colspan="3">卧室</td>
			</tr>
			<tr>
				<td>备注：</td>
				<td colspan="3">来前请提前电话联系，以防有事不在。</td>
			</tr>
			<tr>
				<td colspan="4" class="textLeft">【预约进度】</td>
			</tr>
			<tr>
				<td colspan="4" class="textLeft">
					<div>北京市 房山区 长阳半岛 习大大 15012524159</div>
					<div>北京市 房山区 长阳半岛 习大大 15012524159</div>
					<div>北京市 房山区 长阳半岛 习大大 15012524159</div>
				</td>
			</tr>
		</table>
	</div>
	
	<div kendo-window="orderWindow" k-title="'订单信息'" k-width="800" k-min-height="450" k-visible="false" k-modal="true" class="allTable">
		<table class="table">
			<tr>
				<td colspan="6" class="textLeft">【订单信息】</td>
			</tr>
			<tr>
				<td>订单编号：</td>
				<td>140526846546546488</td>
				<td>客户卡号：</td>
				<td>140526846546546488</td>
				<td>下单时间：</td>
				<td>2017-08-01 12:00:00</td>
			</tr>
			<tr>
				<td>所属店员：</td>
				<td>萧萧洛水</td>
				<td>客户卡号：</td>
				<td colspan="3">15056325263</td>
			</tr>
			<tr>
				<td colspan="6" class="textLeft">【收货信息】</td>
			</tr>
			<tr>
				<td>收货人：</td>
				<td>萧萧洛水</td>
				<td>联系电话：</td>
				<td colspan="3">15056325263</td>
			</tr>
			<tr>
				<td>送货地址：</td>
				<td colspan="3">北京市 房山区 长阳半岛 </td>
			</tr>
			<tr>
				<td colspan="6" class="textLeft">【产品信息】</td>
			</tr>
			<tr>
				<td colspan="6">
					<div class="productItem">
						<div>产品型号：NA3215</div>
						<div>产品单价：228元</div>
						<div>购买数量：100</div>
						<div>产品总价：20000元</div>
					</div>
					<div class="productItem">
						<div>产品型号：NA3215</div>
						<div>产品单价：228元</div>
						<div>购买数量：100</div>
						<div>产品总价：20000元</div>
					</div>
					<div class="productItem">
						<div>产品型号：NA3215</div>
						<div>产品单价：228元</div>
						<div>购买数量：100</div>
						<div>产品总价：20000元</div>
					</div>
				</td>
			</tr>
			<tr>
				<td colspan="6" class="textLeft">【支付信息】</td>
			</tr>
			<tr>
				<td>预付定金：</td>
				<td>5000元</td>
				<td>实收金额：</td>
				<td>5000元</td>
				<td>是否使用折扣券：</td>
				<td>是</td>
			</tr>
			<tr>
				<td>付款方式：</td>
				<td>现金/pos机/微信/支付宝</td>
				<td>抽奖次数：</td>
				<td>1次</td>
				<td>奖品内容：</td>
				<td>清洁大礼包</td>
			</tr>
			<tr>
				<td>说明：</td>
				<td colspan="5"></td>
			</tr>
		</table>
	</div>

</div>